<template>
	<view class="index_container">
		<!-- 导航栏 -->
		<view class="custom-navigation-bar">

		</view>
		<!-- 宣传图 -->
		<view class="index_image">
			<image src="../../static/logo.png" mode=""></image>
		</view>
		<!-- 发布 -->
		<view class="index_demand">
			<view class="index_every flex flex-between align-center" @click="toArticle">
				<view class="flex align-center pl30">
					<u-icon name="bag" size="60"></u-icon>
					<view class="ml20">
						闲置物
					</view>
				</view>
				<view class="pr30">
					<u-icon name="arrow-right"></u-icon>
				</view>
			</view>
			<view class="index_every flex flex-between align-center" @click="toHope">
				<view class="flex align-center pl30">
					<u-icon name="bag" size="60"></u-icon>
					<view class="ml20">
						帮个忙
					</view>
				</view>
				<view class="pr30">
					<u-icon name="arrow-right"></u-icon>
				</view>
			</view>
			<view class="index_every flex flex-between align-center" @click="toActivity">
				<view class="flex align-center pl30">
					<u-icon name="bag" size="60"></u-icon>
					<view class="ml20">
						发布活动
					</view>
				</view>
				<view class="pr30">
					<u-icon name="arrow-right"></u-icon>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			//去往闲置物页面
			toArticle() {
				let article = 0;
				uni.navigateTo({
					url: `/pages/demand/message?id=${article}`
				})
			},
			toHope() {
				let hope = 1;
				uni.navigateTo({
					url: `/pages/demand/message?id=${hope}`
				})
			},
			toActivity() {
				let activity = 2;
				uni.navigateTo({
					url: `/pages/demand/message?id=${activity}`
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.index_container {
		width: 100%;
		height: 100vh;

		.custom-navigation-bar {
			height: 100rpx;
		}

		.index_image {
			image {
				width: 100%;
				height: 600rpx;
			}
		}

		.index_every {
			width: 85%;
			margin: 30rpx auto;
			height: 150rpx;
			border: 2rpx solid #333;
		}
	}
</style>